<template>
	<view class="myjl">
		<u-navbar bgColor="#fff">
			<view slot="left" class="align-center">
				<image @click="$tools.back()" src="@/static/login/back3.png" style="width: 36rpx; height: 36rpx"></image>
			</view>
			<view slot="center">
				<view style="font-weight: 600; font-size: 36rpx; color: #333333">平台工作经历</view>
			</view>
		</u-navbar>
		<view class="">
			<view class="align-center" v-for="(item, index) in 3" :key="index">
				<view class="align-center" style="margin-right: 38rpx">
					<view style="width: 120rpx; margin-right: 20rpx">2020.07- 2024.07</view>
					<view v-if="index == 0" style="width: 2rpx; height: 250rpx; background: #999999"></view>
					<view v-else style="width: 2rpx; height: 250rpx; background: #eeeeee"></view>
				</view>
				<view class="">
					<view class="align-center">
						<view style="font-weight: 600; font-size: 32rpx; color: #333333; margin-right: 20rpx">门童</view>
						<view
							class="flex-center1"
							style="padding: 6rpx 16rpx; font-size: 24rpx; color: #63c802; background: #ffffff; border-radius: 8rpx; border: 1rpx solid #63c802"
						>
							已离职
						</view>
						<view
							class="flex-center1"
							style="
								padding: 6rpx 16rpx;
								font-size: 24rpx;
								color: #63c802;
								background: rgba(153, 153, 153, 0.1);
								border-radius: 8rpx;
								border: 1rpx solid #999999;
								color: #999999;
							"
						>
							在职
						</view>
					</view>
					<view style="font-weight: 400; font-size: 28rpx; color: #999999; margin-bottom: 20rpx">北京喜来登国际酒店</view>
					<view class="flex-center1" style="padding: 16rpx 30rpx; background: #ffffff; border-radius: 8rpx; border: 1rpx solid #1365f9">
						<image src="@/static/mine/jl1.png" style="width: 32rpx; height: 32rpx"></image>
						<view style="font-weight: 400; font-size: 28rpx; color: #1365f9">查看简历</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="less" scoped>
.myjl {
	padding: 120rpx 30rpx 0;
	background-color: #f5f6fa;
	min-height: 100vh;
}
</style>
